<template>
	<view class="work-item">
		<image @tap="goWorkDetail()" :src="itemInfo.image.url"></image>
		<view class="info">
			<view class="work-desc text-over">{{itemInfo.title}}</view>
			<view class="author-info u-f-ac">
				<view class="author-detail u-f-ac u-f1">
					<partIcon :desc="itemInfo.work_num" :iconClasses="['iconzuopin']"/>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import partIcon from "@/components/common/part/part-icon.vue";
	export default {
		props: {
			itemInfo: {
				type: Object,
				default: {
					
				}
			}
		},
		components:{
			partIcon
		},
		data() {
			return {
			};
		},
		mounted(){
			this.initData()
		},
		methods:{
			initData(){
				
			},
			
			goWorkDetail(){
				uni.navigateTo({
					url:'work/work_detail/work_detail?workIndex='+this.itemInfo.topic_id
				})
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.text-over{
		
	}
	.work-item {
		width: 339upx;
		overflow: hidden;
		border-radius: 8upx 8upx 0upx 0upx;
		padding-bottom: 10upx;
		background-color: #FFFFFF;
		>image {
			width: 100%;
			height: 339upx;

		}

		.info {
			padding-left: 20upx;
			padding-top: 20upx;

			.work-desc {
				line-height: 1;
				font-size: 32upx;
				font-weight: 400;
				color: rgba(26, 27, 30, 1);
			}

			.author-info {
				font-size: 20upx;

				.author-detail {
					padding-right: 25upx;
					color: #8C8C8C;
					font-size: 24upx;
				}

			}
		}
	}
</style>
